<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
<head>
	<title>WebProjects</title>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<link rel="stylesheet" media="screen" type="text/css" title="Design" href="style/style.css"/>
		<link rel="stylesheet" type="text/css" href="style/css_calendrier/jquery-ui-1.8.13.custom.css"/>
		<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js" type="text/javascript"></script>
		<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.13/jquery-ui.min.js" type="text/javascript"></script>
		<script src="http://jquery-ui.googlecode.com/svn/trunk/ui/i18n/jquery.ui.datepicker-fr.js"></script>

		<script type="text/javascript">
			$(function() { $( "#datepicker1" ).datepicker(); });
			$(function() { $( "#datepicker2" ).datepicker(); });
		</script>

</head>
<body>

	<div id="barre_haute_logo">
		<img src="images/barre_logo.png" alt="logo" title="logo" width="1000" height="44"/>
	</div>

	<div id="menu">
		<ul>
			<li class="lien_projet"><a href="v_gestion_projet.html">Gestion des projets</a></li>
			<li class="lien_gestion_activite"><a href="v_gestion_activite.html">Gestion des activités</a></li>
			<li class="lien_afficher_activite"><a href="v_afficher_activite.html">Afficher mes activités</a></li>
		</ul>
	</div>

	<img src="images/barre_sous_menu.png" alt="barre" title="barre" width="1000" height="2"/>

	<div id="contenu">
		<div class="titre_contenu_lister"><div class="texte_titre_affichage_projet_multiple"><strong>Sélection de mes projets</strong></div></div>

		<div class="fond_label_activite">

				<form action="#" method="post">
				<label class="label_activite"><strong>Sélectionner un ou plusieurs projets : </strong></label><br/>
					<select multiple name="priorite_activite" id="priorite_activite" class="liste_activite_multiple">
           				<option value="1">Projet 1</option>
						<option value="2">Projet 2</option>
   						<option value="3">Projet 3</option>
   						<option value="4">Projet 4</option>
					</select><br/>

					<input type="submit" value="Lancer une recherche" class="bouton_recherche_projet_multiple"/>
				</form>
		</div>

		<div class="fond_label_activite">
			<form action="#" method="post">
					<label class="label_activite"><strong>Date de début de l'activité : </strong></label>
					<input type="text" name="nom_activite" class="champ_date_debut_activite" id="datepicker1" /><br/>

					<label class="label_activite"><strong>Date de fin de l'activité : </strong></label>
					<input type="text" name="nom_activite" class="champ_date_fin_activite" id="datepicker2" />

				<input type="submit" value="Lancer une recherche"/>
			</form>
		</div>

		<div class="titre_contenu_lister"><div class="texte_titre_affichage_echeance_activite"><strong>Liste des activités par date d'échéance</strong></div></div>

		<div class="texte_projet_fonce"><strong>Gestion des voitures</strong></div>
			<div class="fond_liste_projet_gris_clair">
				<span class="commentaire_projet_liste"><strong>Nom de mon activité 1, a été créée le 11 septembre 2010 et doit se terminer le 14 septembre 2010. Elle est à 25% terminer et est urgente.</strong></span>
			</div>
			<div class="affichage_activite_statistiques_flottant">
				<ul>
					<li><strong>2 tâches</strong></li>
					<li><strong>Moyenne des tâches : 50%</strong></li>
				</ul>
			</div>
			<div class="liste_ensemble_activite">
				<ul>
					<li class="liste_decalage_activite_gris_fonce"><div class="affichage_activite_numerotation_clair">1</div><strong>Tâche 1, date du 11/12/2010 et doit se terminer le 12/12/2010, état : 50%</strong></li>
					<li class="liste_decalage_activite_gris_clair"><div class="affichage_activite_numerotation_fonce">2</div><strong>Tâche 1, date du 11/12/2010 et doit se terminer le 12/12/2010, état : 50%</strong></li>
				</ul>
			</div>

			<div class="fond_liste_projet_gris_fonce">
				<span class="commentaire_projet_liste"><strong>Nom de mon activité 1, a été créée le 11 septembre 2010 et doit se terminer le 14 septembre 2010. Elle est à 25% terminer et est urgente.</strong></span>
			</div>
			<div class="affichage_activite_statistiques_flottant">
				<ul>
					<li><strong>2 tâches</strong></li>
					<li><strong>Moyenne des tâches : 50%</strong></li>
				</ul>
			</div>
			<div class="liste_ensemble_activite">
				<ul>
					<li class="liste_decalage_activite_gris_fonce"><div class="affichage_activite_numerotation_clair">1</div><strong>Tâche 1, date du 11/12/2010 et doit se terminer le 12/12/2010, état : 50%</strong></li>
					<li class="liste_decalage_activite_gris_clair"><div class="affichage_activite_numerotation_fonce">2</div><strong>Tâche 2, date du 11/12/2010 et doit se terminer le 12/12/2010, état : 50%</strong></li>
				</ul>
			</div>


		<div class="texte_projet_clair"><strong>Gestion d'un immeuble</strong></div>
		<div class="fond_liste_projet_gris_fonce">
			<span class="commentaire_projet_liste"><strong>Nom de mon activité 1, a été créée le 11 septembre 2010 et doit se terminer le 14 septembre 2010. Elle est à 25% terminer et est urgente.</strong></span>
		</div>
		<div class="affichage_activite_statistiques_flottant">
			<ul>
				<li><strong>2 tâches</strong></li>
				<li><strong>Moyenne des tâches : 50%</strong></li>
			</ul>
		</div>
		<div class="liste_ensemble_activite">
			<ul>
				<li class="liste_decalage_activite_gris_fonce"><div class="affichage_activite_numerotation_clair">1</div><strong>Tâche 1, date du 11/12/2010 et doit se terminer le 12/12/2010, état : 50%</strong></li>
				<li class="liste_decalage_activite_gris_clair"><div class="affichage_activite_numerotation_fonce">2</div><strong>Tâche 1, date du 11/12/2010 et doit se terminer le 12/12/2010, état : 50%</strong></li>
			</ul>
		</div>
	</div>
</body>
</html>
